<!DOCTYPE html>
<html>
<head>
    <s3:data name='CollDatas.headerScript' />
	<s3:import type="css"></s3:import>
    <title id="title"></title>
    <style>
        .cmp-table-view:before {
            height: 0;
        }
        
        .cmp-table-view:after {
            height: 0;
        }
        
        .cmp-grid-view.cmp-grid-9 .cmp-table-view-cell:last-child {
            border-right: none;
        }

        .spanWH {
            font-size: 32px;
            color: white;
        }
        
        .lineHeight {
            line-height: 65px !important;
        }
        #scroll{
            background-color: white;
        }
        .cmp-media-body span{
            font-size: 14px;
        }
        @media screen and (max-width: 350px) {
            .cmp-media-body span{
                font-size: 14px;
            }
        }
        .cmp-grid-view.cmp-grid-9:before{
            height: 1px;
        }
    </style>
</head>
<body>
<div id="shadow" style="position: fixed;width: 100%;height: 100%;z-index: 49;top: 0;left: 0;background-color: white;"></div>
<!-- <header id="doc_common_header" class="cmp-bar cmp-bar-nav">
    <div id="prev" style="display:inline-block;">
		<a class="cmp-action-back cmp-icon see-icon-v5-common-arrow-back cmp-pull-left cmpCommonPageBackBtn"></a>
		<div class="doc-back">
			<span><i18n key="doc.h5.back"></i18n></span>
		</div>
		<div style="clear:both;"></div>
	</div>
    <h1 class="cmp-title"><span style="font-size: 18px;"><i18n key="doc.h5.docCenter"></i18n></span></h1>
</header> -->
<div class="cmp-content position_relative cmp-content-none">
    <div id="control_content" class="cmp-control-content cmp-active"></div>
</div>
<script type="text/html" id = "pageContent_tpl" >
    <div id="scroll" class="  cmp-scroll-wrapper ">
        <div class="cmp-scroll">
            <div class="document_center_content">
                <ul class="cmp-table-view cmp-grid-view cmp-grid-9">
                    <% for(var i = 0,len = this.length;i < len; i++){ %>
                    <% var obj = this[i];
                    var user = "cmp-icon-documentIndex user";
                    var unit = "cmp-icon-documentIndex unit";
                    var cat = "cmp-icon-documentIndex cat";
                    var project = "cmp-icon-documentIndex project";
                    var collect = "cmp-icon-documentIndex collect";
                    var folder = "cmp-icon-documentIndex folder";
                    %>
                    <%if(i+1==this.length && (this.length%3==1 || this.length%3==2)){%>
                    	<li class="cmp-table-view-cell cmp-media cmp-col-xs-4 cmp-col-sm-4"  id="<%=obj.doclib_id%>" name="<%=obj.doclib_name%>" style="padding-top: 34px;padding-bottom: 35px;height: 125px;border-right: 1px #eff0f3 solid;">
                    <%}else{%>
                    	<li class="cmp-table-view-cell cmp-media cmp-col-xs-4 cmp-col-sm-4"  id="<%=obj.doclib_id%>" name="<%=obj.doclib_name%>" style="padding-top: 34px;padding-bottom: 35px;height: 125px;">
                    <%}%>
						<%if(obj.doclib_type == 1){%>
                        <div class="application"><span class="see-icon-v5-common-document-my spanWH" cmp-data='<%=cmp.toJSON(obj) %>'></span></div>
                        <%}else if(obj.doclib_type == 5){%>
                        <div class="application"><span class="see-icon-v5-common-document-integration spanWH" cmp-data='<%=cmp.toJSON(obj) %>'></span></div>
                        <%}else if(obj.doclib_type == 2){%>
                        <div class="application"><span class="see-icon-v5-common-document-unit spanWH" cmp-data='<%=cmp.toJSON(obj) %>'></span></div>
                        <%}else if(obj.doclib_type == 4){%>
                        <div class="application"><span class="see-icon-v5-common-document-project spanWH" style="font-size: 22px;" cmp-data='<%=cmp.toJSON(obj) %>'></span></div>
                        <%}else if(obj.doclib_type == 3){%>
                        <div class="application"><span class="see-icon-v5-common-document-official spanWH" style="font-size: 30px;" cmp-data='<%=cmp.toJSON(obj) %>'></span></div>
                        <%}else {%>
                        <div class="application"><span class="see-icon-v5-common-document-other spanWH" style="font-size: 26px;" cmp-data='<%=cmp.toJSON(obj) %>'></span></div>
                        <%}%>

                        <%if(obj.doclib_type == 4){%>
                            <%if(obj.doclib_name.length>4){%>
                            <div class="cmp-media-body" style="margin-top: 11px;width: 100%;height: auto;"><span style="color: #999;line-height: 18px!important;"><%=obj.doclib_name.getLimitLength('14','...')%></span></div>
                            <%}else{%>
                            <div class="cmp-media-body" style="margin-top: 11px;width: 100%;height: auto;"><span style="color: #999;line-height: 18px!important;"><%=obj.doclib_name%></span></div>
                            <%}%>
                        <%}else{%>
                            <%if(obj.doclib_name.length>4){%>
                            <div class="cmp-media-body" style="margin-top: 10px;width: 100%;height: auto;"><span style="color: #999;line-height: 18px!important;"><%=obj.doclib_name.getLimitLength('14','...')%></span></div>
                            <%}else{%>
                            <div class="cmp-media-body" style="margin-top: 10px;width: 100%;height: auto;"><span style="color: #999;line-height: 18px!important;"><%=obj.doclib_name%></span></div>
                            <%}%>
                        <%}%>
                    </li>
                    <%}%>
                </ul></div></div></div>
</script>
<s3:data name='cordova' />
<s3:data name='CollDatas.footerScript' />
	<s3:import type="js"></s3:import>
<script type="text/javascript">
  var _buildversion = "${data:buildversion}";
</script>                               
<script src="${data:dependencies.cmp}/js/cmp-asyncLoad.js${data:buildversion}"></script>
<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
<script src="<s3:data name='dependencies.doc'/>/js/docIndex.js${data:buildversion}"></script>
</body>
</html>